<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start" (click)="gotohome()">
      <ion-icon name="arrow-back"></ion-icon>
    </ion-buttons>
    <ion-title>chip</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
   <h3>属性</h3>
   <div>
      <p>color="primary" | "secondary" | "tertiary" | "success" ...(设置按钮的颜色)</p>
      <ion-chip color="primary">
          <ion-label>primary</ion-label>
      </ion-chip>
      <ion-chip color="secondary">
          <ion-label>secondary</ion-label>
      </ion-chip>
      <ion-chip color="tertiary">
          <ion-label>tertiary</ion-label>
      </ion-chip>
   </div>
   <div>
      <p>mode="ios" | "md" (选择ios或安卓风格)</p>
      <ion-chip color="primary" mode="ios">
          <ion-label>primary</ion-label>
      </ion-chip>
      <ion-chip color="secondary" mode="md">
          <ion-label>secondary</ion-label>
      </ion-chip>
   </div>
   <div>
      <p>outline="true" (当为true时，按钮外层加边框)</p>
      <ion-chip color="primary" outline="true">
          <ion-label>primary</ion-label>
      </ion-chip>
      <ion-chip color="secondary" outline="true">
          <ion-label>secondary</ion-label>
      </ion-chip>
   </div>
   <h3>组合形式</h3>
   <ion-chip>
      <ion-icon name="pin" color="primary"></ion-icon>
      <ion-label>Icon Chip</ion-label>
      <ion-icon name="close"></ion-icon>
    </ion-chip>
    
    <ion-chip>
      <ion-avatar>
        <img src="../../assets/img.jpg">
      </ion-avatar>
      <ion-label>Avatar Chip</ion-label>
      <ion-icon name="close-circle"></ion-icon>
    </ion-chip>
</ion-content>
